<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>报告详情1</title>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=39cd89cd">
    <link rel="stylesheet" href="/dist/css/oa-app.css">
    <link rel="stylesheet" href="/build/less/OaStyle.less">
    <style type="text/css">
        [v-cloak] {
            display: none;
        }

        table {
            border-collapse: collapse;
            border-right: 1px solid #cbcbcd;
            /*border-bottom:1px solid #cbcbcd;*/
            margin-left: 0px;
            margin-top: 0px;
            margin-bottom: 0px !important;
            margin-right: 0px;
        }

        th, td {
            border-top: 1px solid #cbcbcd;
            border-left: 1px solid #cbcbcd;
            color: #333;
            font-weight: normal;
            line-height: 24px;
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }

        th {
            background-color: #F8F8F8;
        }

        .table-border-right-none {
            border-right-width: 0px;
        }

        table .td-title {
            background-color: #f8f8f8;
            line-height: 0.24rem;
            font-weight: normal;
        }

        table .td-title2 {
            line-height: 0.24rem;
            font-weight: bold;
        }

        table .td-module {
            background-color: #f8f8f8;
            line-height: 0.24rem;
            font-weight: normal;
        }

        /*娴sir写*/
        .table > tbody > tr > td.td-row2 {
            height: 1rem;
            line-height: 0.3rem;
            max-height: 1rem;
            overflow: hidden;
        }

        .table > tbody > tr > td.td-row2 span {
            max-height: 0.9rem;
            /*height:35px;*/
            line-height: 0.3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .table > tbody > tr > td.td-row3 {
            height: 0.48rem;
            line-height: 0.2rem;
            max-height: 0.48rem;
            overflow: hidden;
        }

        .table > tbody > tr > td.td-row3 span {
            max-height: 0.6rem;
            line-height: 0.3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .td-value span.lineOne {
            max-height: 0.3rem;
            line-height: 0.3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            /*display: -webkit-box;*/
            /*-webkit-box-orient: vertical;*/
            /*-webkit-line-clamp: 1;*/
        }

        input[type=text], input[type=tel], input[type=number], select {
            box-sizing: border-box;
            border-width: 0;
            border-style: none;
            padding-right: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-left: 0.06rem;
        }

        input[type=text], input[type=tel], input[type=number], select {
            height: 0.24rem;
            width: 100%;
            border: none;
            outline: none;
            overflow: hidden;
            text-overflow: ellipsis;
            /*-webkit-appearance: none;*/
        }

        textarea {
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            padding-top: 0.2rem;
            padding-left: 0.06rem;
        }

        .width90 {
            width: 0.96rem;
        }

        .width60 {
            width: 0.6rem;
        }

        .span-a-btn {
            position: absolute;
            right: 0.1rem;
        }

        .userbox {
            border: 0.01rem #BBBBBB solid;
            background-color: White;
            width: 99%;
            overflow: hidden;
        }

        div.userbox {
            min-height: 0.21rem;
            padding-left: 0.06rem;
            padding-top: 0.06rem;
            height: auto;
        }

        input.userbox {
            height: 0.21rem;
            padding-left: 0.06rem;
            line-height: 0.21rem;
        }

        .userbox input {
            border-width: 0;
            border-style: none;
            width: 2.8rem;
        }

        .user {
            height: 0.2rem;
            line-height: 0.2rem;
            max-height: 0.2rem;
            float: left;
            text-align: left;
            min-width: 0.32rem;
            padding-left: 0.01rem;
            overflow: hidden;
            cursor: pointer;
        }

        .user:hover {
            background-color: #cfd4d1;
        }

        .userbox .over.user {
            background-color: #cfd4d1;
        }

        .userbox .select.user {
            color: #fff;
            background-color: #045B9E;
        }

        .saveModle {
            width: 5rem;
            height: 3rem;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -2.5rem;
            margin-top: -1.5rem;
            background: #fff;
            border-radius: 0.1rem;
            z-index: 1978;
            display: none;
            border: 0.01rem solid #cfcfcf;
        }

        .saveModle .top {
            height: 0.34rem;
            line-height: 0.34rem;
            font-size: 0.14rem;
            font-weight: bold;
            color: #333;
            padding-left: 0.07rem;
            border-bottom: 1px solid #cfcfcf;
            background: #fff;
        }

        .saveModle .top .title {
            height: 0.32rem;
            line-height: 0.32rem;
            font-size: 0.14rem;
            font-weight: bold;
            color: #333;
            float: left;
            background: #fff;
        }

        .saveModle .top .btn {
            font-size: 0.2rem;
            width: 0.34rem;
            height: 0.22rem;
            line-height: 0.12rem;
            display: inline-block;
            float: right;
        }

        .saveModle .top .btn:hover {
            color: red;
        }

        .saveModle .saveBtn {
            margin: 0 auto;
            margin-top: 0.35rem;
            display: block;

        }

        .modleBj {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1977;
            background: #DCE2F1;
            filter: alpha(opacity=60);
            opacity: .6;
            display: none;
        }

        #modal {
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 999;
            background-color: white;
        }

        .td-value {
            text-align: left !important;
            vertical-align: middle;
            word-wrap: break-word;
        }

        .td-value span {
            display: inline-block;
            max-height: 0.56rem;
            overflow: hidden;
            padding-left: 0.06rem;
            word-wrap: break-word;
            color: #2a8cec !important;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            background-color: #d3e8fd;
            padding: 0.08rem 0.06rem;
            border: 0.01rem solid #e8e8ea;
            display: none;
            overflow: hidden;
        }

        .div-td-content-more i {
            width: 0.15rem;
            height: 0.12rem;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 0.5rem;
            top: -.12rem;
        }

        .table-bordered tbody tr:last-child td {
            /*border-bottom-color: transparent !important;*/
        }

        .lastTable tbody tr:last-child td {
            border-bottom-color: #cbcbcd !important;
        }

        h5 {
            padding: 0;
            font-size: 12px;
            text-align: center;
            color: #333333;
        }

        td.bd_none {
            padding: 0 !important;
            border: 0 !important;
            border-width: 0 !important;
        }

        .jiaobiao {
            position: relative;
        }

        .jiaobiao i {
            display: block;
            width: 0;
            height: 0;
            border-width: 0px 0 .12rem .12rem;
            border-style: solid;
            border-color: transparent transparent transparent #2a8cec;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .tit {
            background-color: #d3e8fd;
            line-height: 0.24rem;
            height: 0.24rem;
            font-weight: bold;
        }

        .td-title1 {
            line-height: 0;
        }

        .btn-blue {
            border: none;
            background: #2a8ced;
            color: #fff;
            font-size: 0.22rem;
            height: 0.58rem;
            width: 14%;
        }

        .btn-blue.focus, .btn-blue:focus, .btn-blue:hover {
            color: #fff;
            text-decoration: none;
        }

        .pingjia {
            border: 1px solid rgb(188, 184, 184);
            width: 50%;
            height: 22px;
            line-height: 20px;
            color: rgb(188, 184, 184);
            float: left;
            margin-left: 0px;
            text-align: center;
            margin-top: 5px;
            cursor: pointer;
            font-size: 13px;
            -webkit-transform: scale(0.9);
        }

        table {
            table-layout: fixed;
            border: none;
            border-right: 1px solid #ddd;
        }

        .pingjia_active {
            border: 1px solid #2a8cec;
            width: 50%;
            height: 22px;
            line-height: 20px;
            background: #2a8cec;
            color: #ffffff;
            float: left;
            margin-left: 0px;
            text-align: center;
            margin-top: 5px;
            cursor: pointer;
            font-size: 13px;
            -webkit-transform: scale(0.9);
        }

        .but_tijiao {
            border: none;
            background: #2a8ced;
            color: #fff;
            width: 21%;
            height: 20px;
            line-height: 9px;
            font-size: 10px;
            border-radius: 0px;
        }

        .divMore {
            width: 12px;
            height: 12px;
            position: absolute;
            background-image: url(/dist/img/gengduo.png);
            background-repeat: no-repeat;
            background-size: cover;
            right: 8px;
            top: 40px;
            z-index: 99;
        }

        .divMore_active {
            width: 12px;
            height: 12px;
            position: absolute;
            background-image: url(/dist/img/shouqi.png);
            background-repeat: no-repeat;
            background-size: cover;
            right: 8px;
            top: 40px;
            z-index: 99;
        }

        .evaluation {
            cursor: pointer;
            width: 36px;
            margin: 0 auto;
            height: 19px;
            line-height: 18px;
            text-align: justify;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
        }

        .icon_radio {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: solid 1px #aaaaaa;
            background-color: #ffffff;
            cursor: pointer;
            position: absolute;
            top: 0px;
            left: 23px;
        }

        .icon_active_radio {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            cursor: pointer;
            border: solid 1px #aaaaaa;
            /*background-color: #0076FF;*/
            background: url("/dist/img/duigouw.png") -2px center no-repeat;

            position: absolute;
            top: 0px;
            left: 23px;
        }

        .divOne {
            max-height: 35px;
            line-height: 35px;
            height: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }
        .oa-name{
            float: left;
            margin-left:2px;
        }
    </style>
    <script src="/dist/js/pages/wreport/service.js?t=42e28def"></script>
    <script src="/dist/js/pages/wreport/Template.js?t=42e28def"></script>

</head>
<body style="background-color:#fff;">
<div class="div-td-content-more" style="width: 100%;"><i></i></div>
<section v-cloak class="content" id="app" style="padding: 0 0.04rem;">
    <div class="divOne" style="width:300px;margin: 0 auto;text-align: center;">
        <span class="text-center" style="font-size: 14px">{{report.main.title}}</span>
    </div>
    <table class="table text-center" style="margin-bottom:15px !important;"
           v-if="pingjiaFlag=='true'">
        <tr>
            <th style="border-bottom: none;position: relative" class="tit">评价列表</th>
            <div v-if="commentList.length>1"
                 :class="checkMore=='gengduo'?'divMore':'divMore_active'"
                 @click="checkMore1()"></div>
        </tr>
        <tr v-if="commentList.length>0">
            <td class="bd_none">
                <table class="table  text-center table-border-right-none"
                       v-if="checkMore=='gengduo'&&i<1"
                       v-for="(item,i) in commentList">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>评价人</th>
                        <td class="td-value" style="width:25%">
                            <span>{{item.createUserName}}</span>
                        </td>
                        <th style="width:25%">是否合格</th>
                        <td style="width:25%" class="td-value" v-if="item.grade=='未评价'">
                            <span>{{item.grade}}</span>
                        </td>
                        <td style="width:25%" v-else class="td-value">
                            <span>{{item.grade=='合格'?'是':'否'}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%;border-bottom: 1px solid #cdcdce;" class="td-row2">内容
                        </th>
                        <td colspan="4" class="td-value td-row2"
                            style="border-bottom: 1px solid #cbcbcd;"><span
                                class="lineOne">{{item.otherDescription}}</span>
                        </td>
                    </tr>
                </table>

                <table class="table  text-center table-border-right-none" v-if="checkMore=='shouqi'"
                       v-for="(item,i) in commentList">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>评价人</th>
                        <td class="td-value" style="width:25%">
                            <span>{{item.createUserName}}</span>
                        </td>
                        <th style="width:25%">是否合格</th>
                        <td style="width:25%" class="td-value" v-if="item.grade=='未评价'">
                            <span>{{item.grade}}</span>
                        </td>
                        <td style="width:25%" v-else class="td-value">
                            <span>{{item.grade=='合格'?'是':'否'}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%;width:25%;border-bottom: 1px solid #cdcdce;"
                            class="td-row2">内容
                        </th>
                        <td colspan="4" class="td-value td-row2"
                            style="border-bottom: 1px solid #cbcbcd;"><span>{{item.otherDescription}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-else>
            <td style="border-bottom: 1px solid #cdcdce;">
                {{commentTishi}}
            </td>
        </tr>
    </table>
    <table class="table text-center">
        <!--<tr v-if="isHasModule('tomorrowAMPlan')">-->
            <!--<th style="width:25%" class="td-title1">次日上午安排</th>-->
            <!--<td class="td-value">-->
                <!--<span class="lineOne">{{report.tomorrowAMPlan.content}}</span>-->
            <!--</td>-->
        <!--</tr>-->
        <!--<tr v-if="isHasModule('tomorrowPMPlan')">-->
            <!--<th class="td-title1" style="width:25%">次日下午安排</th>-->
            <!--<td class="td-value">-->
                <!--<span>{{report.tomorrowPMPlan.content}}</span>-->
            <!--</td>-->
        <!--</tr>-->
        <tr v-if="isHasModule('experience')">
            <th class="td-title1" style="width:25%">心得体会</th>
            <td class="td-value">
                <span class="lineOne">{{report.experience.content}}</span>
            </td>
        </tr>
        <tr v-if="isHasModule('forSupportMatters')" v-for="(matter,i) in report.forSupportMatters">
            <th rowspan="2" style="line-height: 0.24rem;width: 25%" v-if="i==0" class="td-title1">
                需要公司<br>支持的事项
            </th>
            <td class="td-value"><span class="lineOne">{{matter.trackContent}}</span></td>
        </tr>
    </table>
    <table class="table text-center">
        <tr v-if="isHasModule('personSituation')">
            <th class="td-title1" style="width:25%">人员情况</th>
            <td class="td-value">
                <span class="lineOne">{{report.personSituation.content}}</span>
            </td>
        </tr>
        <tr v-if="isHasModule('tomorrowPlan')">
            <th class="td-title1" style="width:25%">第二天计划</th>
            <td class="td-value">
                <span class="lineOne">{{report.tomorrowPlan.content}}</span>
            </td>
        </tr>
        <tr v-if="isHasModule('troubleShooting')" v-for="(item,i) in report.troubleShooting">
            <th style="width:25%" rowspan="3" class="td-title" v-if="i==0">当天未处理的前三个疑难故障</th>
            <td class="td-value">
                <span class="lineOne">{{item.trackContent}}</span>
            </td>
        </tr>
    </table>
    <table class="table text-center"  v-if="isHasModule('tomorrowAMPlan')&&isHasModule('tomorrowPMPlan')&&!isHasModule('tomorrowVisitPlanRegion')">
        <tr>
            <th style="border-bottom: none;" class="tit">第二天面访计划(区域)</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center table-border-right-none">
                    <tr v-if="isHasModule('tomorrowAMPlan')">
                        <th style="width:25%" class="td-title1">上午计划描述</th>
                        <td class="td-value">
                            <span class="lineOne">{{report.tomorrowAMPlan.content}}</span>
                        </td>
                    </tr>
                    <tr v-if="isHasModule('tomorrowPMPlan')">
                        <th class="td-title1" style="width:25%">下午计划描述</th>
                        <td class="td-value">
                            <span>{{report.tomorrowPMPlan.content}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('tomorrowVisitPlanRegion')">
        <tr>
            <th style="border-bottom: none;" class="tit">第二天面访计划(区域)</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center table-border-right-none">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>拜访目的</th>
                        <th style="width:25%">客户名称</th>
                        <th style="width:25%">陪同人员</th>
                        <th>地点</th>
                    </tr>
                    <tr v-for="(item,i) in report.tomorrowVisitPlan">
                        <td class="td-value" style="text-align:center !important;">
                            <span>{{item.visitGoal}}</span>
                        </td>
                        <td style="text-align:center !important;" class="td-value">
                            <span>{{item.customerName}}</span>
                        </td>
                        <td class="td-value" style="text-align:center !important;">
                            <span>{{item.entourage}}</span>
                        </td>
                        <td class="td-value">
                            <span class="lineOne">{{item.customerAddress}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('tomorrowVisitPlanBigRegion')">
        <tr>
            <th style="border-bottom: none;" class="tit">第二天拜访计划(大区)</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center table-border-right-none">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>拜访目的</th>
                        <th style="width:25%">客户名称</th>
                        <th style="width:25%">陪同人员</th>
                        <th>地点</th>
                    </tr>
                    <tr v-for="(item,i) in report.tomorrowVisitPlan">
                        <td class="td-value" style="text-align:center !important;">
                            <span>{{item.visitGoal}}</span>
                        </td>
                        <td style="text-align:center !important;" class="td-value">
                            <span>{{item.customerName}}</span>
                        </td>
                        <td class="td-value" style="text-align:center !important;">
                            <span>{{item.entourage}}</span>
                        </td>
                        <td class="td-value">
                            <span class="lineOne">{{item.customerAddress}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!--<table class="table text-center" v-if="isHasModule('workOnTodayDescsZjl')">-->
    <!--<tr>-->
    <!--<th class="tit">当日客户拜访跟踪</th>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<td class="bd_none">-->
    <!--<table class="table text-center table-border-right-none" v-for="(item,i) in report.workOnTodayDescsZjl">-->
    <!--<tr>-->
    <!--<th style="width:25%">客户姓名</th>-->
    <!--&lt;!&ndash;<td class="td-row2"><input type="text" v-model="item.source"/></td>&ndash;&gt;-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span>{{item.customerName}}</span></td>-->
    <!--<th style="width:25%">拜访方式</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span>{{item.visitModel}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<th style="width:25%">客户地址</th>-->
    <!--<td colspan="3" class="td-value td-row2">-->
    <!--<span class="lineOne">{{item.customerAddress}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<th>情况描述</th>-->
    <!--<td colspan="3" class="td-value td-row2">-->
    <!--<span>{{item.content}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->

    <table class="table text-center" v-if="isHasModule('workOnTodayDescsZjlNew')">
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th colspan="2" style="border-bottom: none;" class="tit">
                <span v-if="isHasModule('workOnTodayDescsZjlNew')">当日工作情况描述</span>
            </th>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('workOnTodayDescsZjlNew')">
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">销售</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.saleList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.saleList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">服务</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.serverList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.serverList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">财务</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.financeList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.financeList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">信控</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.diconList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.diconList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">债权</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.bondList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.bondList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr v-if="isHasModule('workOnTodayDescsZjlNew')">
            <th class="td-title1" style="width: 25%">行政人事</th>
            <td style="padding: 0px;">
                <table class="table text-center" style="border: none">
                    <tr v-for="(work,i) in report.workOnTodayDescsZjlNew.personList">
                        <td class="td-value td-row3" style="border-top: 0px;border-left: 0px"
                            :style="i==report.workOnTodayDescsZjlNew.personList.length-1?'':'border-bottom: 1px solid #ddd !important;'">
                            <span v-html="work.content"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>


    <table class="table text-center" v-if="isHasModule('todayCustomerVisit')">
        <tr>
            <th style="border-bottom: none;" class="tit">当日面访情况</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayCustomerVisit">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">客户来源</th>
                        <!--<td class="td-row2"><input type="text" v-model="item.source"/></td>-->
                        <td style="width:25%" class="td-value">
                            <span>{{item.source}}</span></td>
                    </tr>
                    <tr>
                        <th style="width:25%">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">拜访方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.visitMode}}</span>
                        </td>

                    </tr>
                    <tr>
                        <th style="width:25%">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <th style="width:25%">意向型号</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.intentionModel}}</span>
                        </td>


                    </tr>
                    <tr>
                        <th style="width:25%">购买方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.buyType}}</span>
                        </td>
                        <th style="width:25%">购买时间</th>
                        <td style="width:25%" class="td-value">
                            <span>{{changeBuyDate(item.buyDate)}}</span>
                        </td>
                    </tr>
                    <tr v-if="(report.main.title.indexOf('大客户')!=-1)">
                        <th>客户公司</th>
                        <td class="td-value" colspan="3">
                            <span>{{item.companyName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <!--<th>基本情况</th>-->

                        <!--<td class="td-row2 width60 td-value1">-->
                        <!--<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>-->
                        <!--<span v-else>{{item.birthDay}}</span>-->
                        <!--</td>-->
                        <td class="td-value td-row2" style="border-left: none" colspan="4">
                            <span>{{item.otherCondition}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table  table-bordered text-center" v-if="isHasModule('todayVisitCustomer')">
        <tr>
            <th style="border-bottom: none; " class="tit"><span
                    :style="leaderFlag=='1'?'margin-left: 50px;':''">今日面访/电访情况描述</span> <input
                    type="button" value="轨迹"
                    style="float: right;line-height: 11px;width: 40px;height: 17px;padding-left: 6px;padding-right: 6px;padding-bottom: 0px;padding-top: 0px;"
                    class="oaBtn btn-primary"
                    @click="track"
                    v-if="leaderFlag=='1'"></th>
        </tr>
        <tr class="td-title2">
            <td style="    padding: 0;padding-top: 0px !important;border: none;">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayVisitCustomer">
                    <tr>
                        <th style="width:25%;border-left: none;" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">客户来源</th>
                        <!--<td class="td-row2"><input type="text" v-model="item.source"/></td>-->
                        <td style="width:25%" class="td-value">
                            <span>{{item.source}}</span></td>
                    </tr>
                    <tr>
                        <th style="width:25%;border-left: none;">客户类型</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.customerType}}</span>
                        </td>
                        <th style="width:25%">客户信用</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.customerCredit}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%;border-left: none;">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">拜访方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.visitMode}}</span>
                        </td>

                    </tr>
                    <tr>
                        <th style="width:25%;border-left: none;">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <th style="width:25%">意向型号</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.intentionModel}}</span>
                        </td>


                    </tr>
                    <tr>
                        <th style="width:25%;border-left: none;">购买方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.buyType}}</span>
                        </td>
                        <th style="width:25%">购买时间</th>
                        <td style="width:25%" class="td-value">
                            <span>{{changeBuyDate(item.buyDate)}}</span>
                        </td>
                    </tr>
                    <tr v-if="(report.main.title.indexOf('大客户')!=-1)">
                        <th style="border-left: none">客户公司</th>
                        <td class="td-value" colspan="3">
                            <span>{{item.companyName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <!--<th style="border-left: none">基本情况</th>-->

                        <!--<td class="td-row2 width60 td-value1">-->
                        <!--<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>-->
                        <!--<span v-else>{{item.birthDay}}</span>-->
                        <!--</td>-->
                        <td class="td-value td-row2" style="border-left: none" colspan="4">
                            <span>{{item.otherCondition}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="table  table-bordered text-center"
           v-if="isHasModule('todayVisitCustomerService')">
        <tr>
            <th style="border-bottom: none;" class="tit"><span>当日拜访客户</span> <input type="button"
                                                                                    value="轨迹"
                                                                                    class="oa-pager-button btn oaBtn btn-sm pull-right"
                                                                                    :style="leaderFlag=='1'?'margin-left: 20px;':''"
                                                                                    style="padding: 0px ;border: 0px;width: 40px"
                                                                                    @click="track"
                                                                                    v-if="leaderFlag=='1'">
            </th>
        </tr>
        <tr class="td-title2">
            <td style="padding: 0px !important;">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayVisitCustomer">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%">客户类型</th>
                        <td style="width:25%" class="td-value" colspan="3">
                            <label v-for="(item2,index) in serverCustomerType"
                                   style="margin-right: 10px">
                                <input disabled="disabled" type="checkbox" value="item2.value"
                                       :checked="(item.checkedServerCustomerLists).indexOf(item2.value)>=0"/>{{item2.value}}
                            </label>
                        </td>

                    </tr>
                    <tr>
                        <th style="width:25%">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">服务类型</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.otherVisitType}}</span>
                        </td>

                    </tr>
                    <tr>
                        <th style="width:25%">机型</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.intentionModel}}</span>
                        </td>
                        <th style="width:25%">序列号</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.serialNo}}</span>
                        </td>

                    </tr>
                    <tr>
                        <th>配件收费金额</th>
                        <td class="td-value">
                            <span>{{item.accessoriesChargesCondition}}元</span>
                        </td>
                        <th>工时收费金额</th>
                        <td class="td-value">
                            <span>{{item.hoursChargesCondition}}元</span>
                        </td>
                    </tr>
                    <tr>
                        <th>设备小时数</th>
                        <td class="td-value">
                            <span class="lineOne">{{item.deviceHour}}</span>
                        </td>
                        <th>发动机编号</th>
                        <td class="td-value">
                            <span class="lineOne">{{item.machineNo}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>收费情况</th>
                        <td class="td-value" colspan="3">
                            <span class="lineOne">{{item.feeType}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>服务内容</th>
                        <td class="td-value" colspan="3">
                            <span>{{item.serverCondition}}</span>
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>

    <table class="table  table-bordered text-center" v-if="isHasModule('todayVisitCustomerDebt')">
        <tr>
            <th style="border-bottom: none;" class="tit"><span>当日拜访客户</span> <input type="button"
                                                                                    value="轨迹"
                                                                                    class="oa-pager-button btn oaBtn btn-sm pull-right"
                                                                                    style="padding: 0px ;border: 0px;width: 40px"
                                                                                    @click="track"
                                                                                    v-if="leaderFlag=='1'">
            </th>
        </tr>
        <tr class="td-title2">
            <td style="padding: 0px !important;">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayVisitCustomer">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">拜访方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.otherVisitType}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>情况描述</th>

                        <!--<td class="td-row2 width60 td-value1">-->
                        <!--<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>-->
                        <!--<span v-else>{{item.birthDay}}</span>-->
                        <!--</td>-->
                        <td class="td-value" colspan="3">
                            <span>{{item.debtCondition}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="table  table-bordered text-center"
           v-if="isHasModule('todayVisitCustomerLetters')">
        <tr>
            <th style="border-bottom: none;" class="tit"><span>当日拜访客户</span> <input type="button"
                                                                                    value="轨迹"
                                                                                    class="oa-pager-button btn oaBtn btn-sm pull-right"
                                                                                    style="padding: 0px ;border: 0px;width: 40px"
                                                                                    @click="track"
                                                                                    v-if="leaderFlag=='1'">
            </th>
        </tr>
        <tr class="td-title2">
            <td style="padding: 0px !important;">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayVisitCustomer">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width:25%">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">拜访方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.otherVisitType}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>情况描述</th>

                        <!--<td class="td-row2 width60 td-value1">-->
                        <!--<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>-->
                        <!--<span v-else>{{item.birthDay}}</span>-->
                        <!--</td>-->
                        <td class="td-value" colspan="3">
                            <span>{{item.lettersCondition}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('workOnTodayDescs')">
        <tr>
            <th class="tit"><span v-if="isHasModule('todayVisitCustomer')||isHasModule('workOnTodayDescsZjlNew')
                ||isHasModule('todayVisitCustomerDebt')">今日其它事务描述</span>
                <span v-else>当日工作情况描述</span></th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center table-border-right-none"
                       v-for="(work,i) in report.workOnTodayDescs">
                    <tr v-if="isHasModule('workOnTodayDescs')">
                        <td width="95%" class="td-value td-row2"><span>{{work.content}}</span></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <!--<table class="table  table-bordered text-center" v-if="isHasModule('todayVisitCustomerBigRegion')">-->
    <!--<tr>-->
    <!--<th style="border-bottom: none;" class="tit">当日陪同下属拜访客户列表</th>-->
    <!--</tr>-->
    <!--<tr class="td-title2">-->
    <!--<td colspan="4" style="padding: 0px !important;">-->
    <!--<table class="table  text-center table-border-right-none" v-for="(item,i) in report.todayVisitCustomerBigRegion">-->
    <!--<tr>-->
    <!--<th style="width:25%" class="jiaobiao"><i></i>客户电话</th>-->
    <!--<td  style="width:25%" class="td-value" >-->
    <!--<span >{{item.tel}}</span>-->
    <!--</td>-->
    <!--<th style="width:25%">客户来源</th>-->
    <!--&lt;!&ndash;<td class="td-row2"><input type="text" v-model="item.source"/></td>&ndash;&gt;-->
    <!--<td style="width:25%" class="td-value" >-->
    <!--<span >{{item.source}}</span></td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<th style="width:25%" >客户类型</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{item.customerType}}</span>-->
    <!--</td>-->
    <!--<th  style="width:25%" >客户信用</th>-->
    <!--<td style="width:25%" class="td-value" >-->
    <!--<span >{{item.customerCredit}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<th style="width:25%" >姓名</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{item.name}}</span>-->
    <!--</td>-->
    <!--&lt;!&ndash;<td style="width: 60px;">客户生日</td>&ndash;&gt;-->
    <!--<th  style="width:25%" >拜访方式</th>-->
    <!--<td style="width:25%" class="td-value" >-->
    <!--<span >{{item.visitMode}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr>-->
    <!--<th style="width:25%">陪同人员</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{item.entourage}}</span>-->
    <!--</td>-->
    <!--<th style="width:25%" >意向型号</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{item.intentionModel}}</span>-->
    <!--</td>-->


    <!--</tr>-->
    <!--<tr>-->
    <!--<th style="width:25%">购买方式</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{item.buyType}}</span>-->
    <!--</td>-->
    <!--<th style="width:25%">购买时间</th>-->
    <!--<td style="width:25%" class="td-value">-->
    <!--<span >{{changeBuyDate(item.buyDate)}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr  v-if="(report.main.title.indexOf('大客户')!=-1)">-->
    <!--<th >客户公司</th>-->
    <!--&lt;!&ndash;<td class="td-row2 width60 td-value1">&ndash;&gt;-->
    <!--&lt;!&ndash;<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>&ndash;&gt;-->
    <!--&lt;!&ndash;<span v-else>{{item.birthDay}}</span>&ndash;&gt;-->
    <!--&lt;!&ndash;</td>&ndash;&gt;-->
    <!--<td class="td-value" colspan="3">-->
    <!--<span >{{item.companyName}}</span>-->
    <!--</td>-->

    <!--</tr>-->
    <!--<tr >-->
    <!--<th >基本情况</th>-->
    <!--&lt;!&ndash;<td class="td-row2 width60 td-value1">&ndash;&gt;-->
    <!--&lt;!&ndash;<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>&ndash;&gt;-->
    <!--&lt;!&ndash;<span v-else>{{item.birthDay}}</span>&ndash;&gt;-->
    <!--&lt;!&ndash;</td>&ndash;&gt;-->
    <!--<td class="td-value" colspan="3">-->
    <!--<span >{{item.otherCondition}}</span>-->
    <!--</td>-->

    <!--</tr>-->
    <!--</table>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <table class="table text-center" v-if="isHasModule('todayCustomerTelVisit')">
        <tr>
            <th style="border-bottom: none;" class="tit">当日电访情况</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.todayCustomerTelVisit">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户电话</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.tel}}</span>
                        </td>
                        <th style="width:25%">客户来源</th>
                        <!--<td class="td-row2"><input type="text" v-model="item.source"/></td>-->
                        <td style="width:25%" class="td-value">
                            <span>{{item.source}}</span></td>
                    </tr>
                    <tr>
                        <th style="width:25%">姓名</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.name}}</span>
                        </td>
                        <!--<td style="width: 60px;">客户生日</td>-->
                        <th style="width:25%">拜访方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.visitMode}}</span>
                        </td>

                    </tr>
                    <tr>
                        <th style="width:25%">陪同人员</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.entourage}}</span>
                        </td>
                        <th style="width:25%">意向型号</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.intentionModel}}</span>
                        </td>


                    </tr>
                    <tr>
                        <th style="width:25%">购买方式</th>
                        <td style="width:25%" class="td-value">
                            <span>{{item.buyType}}</span>
                        </td>
                        <th style="width:25%">购买时间</th>
                        <td style="width:25%" class="td-value">
                            <span>{{changeBuyDate(item.buyDate)}}</span>
                        </td>
                    </tr>
                    <tr v-if="(report.main.title.indexOf('大客户')!=-1)">
                        <th>客户公司</th>
                        <td class="td-value" colspan="3">
                            <span>{{item.companyName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <!--<th>基本情况</th>-->

                        <!--<td class="td-row2 width60 td-value1">-->
                        <!--<input v-if="pageType=='edit'" type="text" v-model="item.birthDay"/>-->
                        <!--<span v-else>{{item.birthDay}}</span>-->
                        <!--</td>-->
                        <td class="td-value td-row2" style="border-left: none" colspan="4">
                            <span>{{item.otherCondition}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center">
        <tr v-if="isHasModule('visitLetterReason')">
            <th style="width:25%;">未达到拜<br>访量原因</th>
            <td class="td-value td-row2"><span>{{report.visitLetterReason.content}}</span></td>
        </tr>
        <tr v-if="isHasModule('todayKnowVieSituation')">
            <th>当天知道<br>丢单情况</th>
            <td class="td-value td-row2">
                <input type="radio" name="todayKnowVieSituation" value="1"
                       v-model="report.todayKnowVieSituation.vieFlag"/>有竞争丢单
                <input type="radio" name="todayKnowVieSituation" value="0"
                       v-model="report.todayKnowVieSituation.vieFlag"/>无竞争丢单
            </td>
        </tr>
        <tr v-if="isHasModule('todayKnowVieSituation')">
            <th>具体情况</th>
            <td class="td-value td-row2">
                <span>{{report.todayKnowVieSituation.remark}}</span>
            </td>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('tomorrowVisitPlan')">
        <tr>
            <th style="border-bottom: none;" class="tit">第二天拜访计划(大客户)</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table  text-center table-border-right-none"
                       v-for="(item,i) in report.tomorrowVisitPlan">
                    <tr>
                        <th style="width:25%" class="jiaobiao"><i></i>客户名称</th>
                        <td style="width:25%" class="td-value">
                            <span style="font-weight: normal">{{item.customerName}}</span>
                        </td>
                        <th style="width:25%">上次拜访时间</th>
                        <td class="td-value"
                            style="word-break:break-all;overflow:hidden;max-height:0.24rem;">
                            <span style="font-weight: normal;max-height:0.24rem;">{{item.lastVisitTime}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>客户地点</th>
                        <td class="td-value">
                            <span class="lineOne">{{item.customerAddress}}</span>
                        </td>
                        <th style="border-bottom: 1px solid #cbcbcd;">客户行业</th>
                        <td class="td-value" style="border-bottom: 1px solid #cbcbcd;">
                            <span class="lineOne">{{item.customerIndustry}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>意向设备</th>
                        <td class="td-value"><span style="font-weight: normal">{{item.intentionDevice}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th>备注</th>
                        <td colspan="3" class="td-value"><span style="font-weight: normal">{{item.remake}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="table text-center" v-if="isHasModule('unfinishes')">
        <tr>
            <th class="tit">未关闭事项跟踪</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center table-border-right-none"
                       v-for="(item,i) in report.unfinishes">
                    <tr>
                        <th style="width:25%" class="td-title1 jiaobiao"><i></i>工作内容</th>
                        <td class="td-value"><span>{{item.trackContent}}</span></td>
                    </tr>
                    <tr>
                        <th class="td-title1">进展情况</th>
                        <td class="td-value">{{item.jinzhan}}</td>
                    </tr>
                    <tr>
                        <th class="td-title1">预计关闭时间</th>
                        <td class="td-value">{{item.overTime}}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center" v-if="isHasModule('todayGatherSituation')">
        <tr>
            <th class="tit">当天收款情况</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table  text-center" v-for="(item,i) in report.todayGatherSituation">
                    <tr class="td-title2">
                        <th style="width:25%" class="jiaobiao"><i></i>客户名称</th>
                        <td style="width:25%" class="td-value"><span>{{item.customerName}}</span>
                        </td>
                        <th style="width:25%">收款性质</th>
                        <td class="td-value"><span>{{item.gatherType}}</span></td>
                    </tr>
                    <tr class="td-title2">
                        <th>收款金额</th>
                        <td class="td-value"><span>{{item.money}}</span></td>
                        <th>打款银行</th>
                        <td class="td-value"><span>{{item.bank}}</span></td>
                    </tr>
                    <tr class="td-title2">
                        <th td-title2>收款情况<br>说明</th>
                        <td colspan="3" class="td-value"><span>{{item.remark}}</span></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="table  table-bordered text-center" v-if="isHasModule('subordinateTodayWork')">
        <tr>
            <th style="border-bottom: none; " class="tit"><span>今日下属工作情况描述</span></th>
        </tr>
        <!--<tr class="td-title2">-->
            <!--<td style="padding: 0;padding-top: 0px !important;border: none;">-->
                <!--<table class="table  text-center table-border-right-none">-->
                    <!--<tr>-->
                        <!--<th style="width: 25%;border-left: none;">区域</th>-->
                        <!--<th style="width: 57px;">区域经理</th>-->
                        <!--<th style="width: 57px;">入职天数</th>-->
                        <!--<th style="width: 57px;">是否陪跑</th>-->
                        <!--<th>情况描述</th>-->
                    <!--</tr>-->
                    <!--<tr v-for="(item,i) in report.subordinateWorkList">-->
                        <!--<td style="width: 25%;border-left: none;"  class="td-value"><span-->
                                <!--style="color: #0c0c0c !important;text-align: left !important;display: inherit;padding-left: 6px;">{{item.regionName}}</span>-->
                        <!--</td>-->
                        <!--<td style="width: 40px;">-->
                            <!--<span style="width: 36px;  font-size: 12px;   text-align: justify !important;  display: block;  margin: 0 auto;  line-height: 24px;  height: 24px;">{{item.reiongManagerName}}-->
                                <!--<i style="display: inline-block;width: 100%;height: 0;"></i>-->
                            <!--</span>-->
                        <!--</td>-->
                        <!--<td style="width: 46px;"><span>{{item.dayNumber}}</span></td>-->
                        <!--<td style="width: 40px;" ><span style="text-align: center;color: #2a8cec;">{{item.haveAccompany}}</span></td>-->
                        <!--<td class="td-value td-row2"><span>{{item.content}}</span></td>-->
                    <!--</tr>-->
                <!--</table>-->
            <!--</td>-->
        <!--</tr>-->
        <tr>
            <td class="bd_none">
                <table class="table text-center" v-for="(item,i) in report.subordinateWorkList">
                    <tr class="td-title2">
                        <th style="border-left: none;width: 25%;" class="jiaobiao"><i></i>区域</th>
                        <td colspan="3" style="border-left: none;border-left: 1px solid #cbcbcd;"  class="td-value">
                            <span style="color: #0c0c0c !important;text-align: left !important;display: inherit;padding-left: 2px;">{{item.regionName}}</span>
                        </td>
                    </tr>
                    <tr>
                        <th style="width: 25%;border-left: none !important;">区域经理</th>
                        <td style="width: 25%;">
                            <span class="oa-name">{{item.reiongManagerName}}</span>
                            <span v-if="item.dayNumber" style="width: 45px;float: left;  font-size: 12px;   text-align: left !important;  display: block;    line-height: 24px;  height: 24px;">
                                 ({{item.dayNumber}})
                            </span>
                        </td>
                        <th style="width: 25%;">是否陪跑</th>
                        <td style="width: 25%;" ><span style="text-align: center;color: #2a8cec;">{{item.haveAccompany}}</span></td>
                    </tr>
                    <tr>
                        <th style="border-left: none !important;">情况描述</th>
                        <td colspan="3" class="td-value td-row2" style="border-right: hidden">
                            <span>{{item.content}}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table  table-bordered text-center" v-if="isHasModule('regionDirectorTodayWork')">
        <tr>
            <th style="border-bottom: none; " class="tit"><span>今日下属工作情况描述</span></th>
        </tr>
        <!--<tr class="td-title2">-->
            <!--<td style="padding: 0;padding-top: 0px !important;border: none;">-->
                <!--<table class="table  text-center table-border-right-none">-->
                    <!--<tr>-->
                        <!--<th style="width: 25%;border-left: none;">大区</th>-->
                        <!--<th style="width: 60px;">大区经理</th>-->
                        <!--<th style="width: 60px;">入职天数</th>-->
                        <!--&lt;!&ndash;<th style="width: 40px;">是否<br>陪同</th>&ndash;&gt;-->
                        <!--<th>情况描述</th>-->
                    <!--</tr>-->
                    <!--<tr v-for="(item,i) in report.regionDirectorWorkList">-->
                        <!--<td style="width: 25%;border-left: none;text-align: center !important;" class="td-value"><span-->
                                <!--style="color: #0c0c0c !important;padding-left: 6px;">{{item.regionName}}</span>-->
                        <!--</td>-->
                        <!--<td style="width: 40px;">-->
                            <!--<span style="width: 36px;  font-size: 12px;   text-align: justify !important;  display: block;  margin: 0 auto;  line-height: 24px;  height: 24px;">{{item.reiongManagerName}}-->
                                <!--<i style="display: inline-block;width: 100%;height: 0;"></i>-->
                            <!--</span>-->
                        <!--</td>-->
                        <!--<td style="width: 46px;"><span>{{item.dayNumber}}</span></td>-->
                        <!--&lt;!&ndash;<td style="width: 40px;" ><span style="text-align: center;color: #2a8cec;">{{item.haveAccompany}}</span></td>&ndash;&gt;-->
                        <!--<td class="td-value td-row2"><span>{{item.content}}</span></td>-->
                    <!--</tr>-->
                <!--</table>-->
            <!--</td>-->
        <!--</tr>-->
        <tr>
            <td class="bd_none">
                <table class="table text-center" v-for="(item,i) in report.regionDirectorWorkList">
                    <tr class="td-title2">
                        <th style="width: 25%;border-left: none;border-right: 1px solid #cbcbcd;" class="jiaobiao"><i></i>大区</th>
                        <td style="width: 25%;border-left: none;text-align: center !important;" class="td-value"><span style="color:#333 !important;">{{item.regionName}}</span>
                        </td>
                        <th style="width: 25%;">大区经理</th>
                        <td style="width: 25%;">
                            <span class="oa-name" >{{item.reiongManagerName}}</span>
                            <span v-if="item.dayNumber" style="width: 45px;float: left;  font-size: 12px;   text-align: left !important;  display: block;    line-height: 24px;  height: 24px;">
                                 ({{item.dayNumber}})
                            </span>
                        </td>
                    </tr>
                    <!--<tr>-->
                        <!--<th style="width: 60px;border-left: none !important;">大区经理</th>-->
                        <!--<td style="width: 40px;">-->
                            <!--<span style="width: 36px;  font-size: 12px;   text-align: center !important;  display: block;  margin: 0 auto;  line-height: 24px;  height: 24px;">{{item.reiongManagerName}}-->
                                <!--<i style="display: inline-block;width: 100%;height: 0;"></i>-->
                            <!--</span>-->
                        <!--</td>-->
                        <!--<th style="width: 60px;">入职天数</th>-->
                        <!--<td style="width: 46px;"><span>{{item.dayNumber}}</span></td>-->
                    <!--</tr>-->
                    <tr>
                        <th colspan="1" style="border-left: none !important;">情况描述</th>
                        <td colspan="3" class="td-value td-row2"><span>{{item.content}}</span></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="table text-center " v-if="isHasModule('todayCostDetail')">
        <tr>
            <th class="tit">当日费用明细</th>
        </tr>
        <tr>
            <td class="bd_none">
                <table class="table text-center" v-for="(item,i) in report.todayCostDetail">
                    <tr class="td-title2">
                        <th class="jiaobiao" style="width:25%"><i></i>费用名称</th>
                        <td style="text-align: left;padding-left: 0.1rem;width:25%"
                            class="td-value">
                            <!--<span style="font-weight: normal">{{item.costBigName}}</span>-->
                            <span style="font-weight: normal">{{item.costSmallName}}</span>

                        </td>
                        <th style="width:25%">金额</th>
                        <td style="width:25%" class="td-value"><span>{{item.money}}</span></td>
                    </tr>
                    <tr>

                        <th style="width:25%">有无发票</th>
                        <td style="width:25%" class="td-value">
                            <span v-if="item.invoiceFlag=='1'">有</span>
                            <span v-else>无</span>
                        </td>
                        <th style="width:25%">状态</th>
                        <td style="width:25%" class="td-value">
                            <span v-if="item.auditFlag=='0'">审核中</span>
                            <span v-if="item.auditFlag=='1'">审核通过</span>
                            <span v-if="item.auditFlag=='2'">驳回</span>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="1">说明</th>
                        <td colspan="2" class="td-value td-row2" style="border-right: hidden">
                            <span>{{item.remark}}</span>
                        </td>
                        <td>
                            <input type="button"
                                   style="float: right;width: 40px;height: 20px;padding-left: 6px;padding-right: 6px;padding-bottom: 0px;padding-top: 0px;"
                                   class="oaBtn btn-primary" @click="gotoDetail(item)" value="查看"/>
                        </td>
                    </tr>
                </table>
                <table class="table text-center" v-for="(item,i) in report.todayCostDetail2">
                    <tr class="td-title2">
                        <th class="jiaobiao" style="width:25%"><i></i>费用名称</th>
                        <td style="text-align: left;padding-left: 0.1rem;width:25%"
                            class="td-value">
                            <!--<span style="font-weight: normal">{{item.costBigName}}</span>-->
                            <span style="font-weight: normal">{{item.costSmallName}}</span>
                        </td>
                        <th style="width:25%">金额</th>
                        <td style="width:25%" class="td-value"><span>{{item.money}}</span></td>
                    </tr>
                    <tr>
                        <th style="width:25%">有无发票</th>
                        <td class="td-value" style="width:25%"><span>{{getInvoiceFlagName(item.invoiceFlag)}}</span>
                        </td>
                        <th style="width:25%">状态</th>
                        <td style="width:25%" class="td-value"></td>
                    </tr>
                    <tr>
                        <th style="border-bottom: 1px solid #cbcbcd;">说明</th>
                        <td colspan="5" class="td-value td-row2"
                            style="border-bottom: 1px solid #cbcbcd;">
                            <span>{{item.remark}}</span>
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>
    <div class="modleBj"></div>

    <table class="table text-center" v-if="isLook=='pingjia'&&pingjiaFlag=='true'"
           style="margin-bottom: 15px !important;">
        <tr>
            <th class="tit">报告评价</th>
        </tr>
        <tr>
            <td class="bd_none">
                <div v-if="isLook=='pingjia'">
                    <table class="table  table-bordered text-center">
                        <tr>
                            <td class="td-title width90" style="width:25%">是否合格</td>
                            <td>
                                <div style="float: left;width: 50%;text-align: center;position: relative">
                                    <i :class="pingjia.evaluation=='合格'?'icon_wj icon_active_radio':'icon_wj icon_radio'"
                                       v-if="isComment=='0'"
                                       @click="changeEvaluation('合格')"></i>
                                    <span class="evaluation" v-if="isComment=='0'"
                                          :style="pingjia.evaluation!='合格'?'color: #bcb8b8 !important;':'color: #fff !important;background: rgb(42, 140, 236)'"
                                          @click="changeEvaluation('合格')">合格<i
                                            style="display: inline-block;width: 100%;height: 0;"></i></span>
                                    <template v-else>
                                        <i :class="pingjia.evaluation=='合格'?'icon_wj icon_active_radio':'icon_wj icon_radio'"
                                           v-if="pingjia.evaluation=='合格'"></i>
                                        <span class="evaluation" v-if="pingjia.evaluation=='合格'"
                                              :style="pingjia.evaluation!='合格'?'color: #bcb8b8 !important;':'color:  #fff !important;background: rgb(42, 140, 236)'">合格<i
                                                style="display: inline-block;width: 100%;height: 0;"></i></span>
                                    </template>
                                </div>
                                <div style="float: left;width: 50%;text-align: center;position: relative">
                                    <i :class="pingjia.evaluation=='不合格'?'icon_wj icon_active_radio':'icon_wj icon_radio'"
                                       v-if="isComment=='0'"
                                       @click="changeEvaluation('不合格')"></i>
                                    <span class="evaluation"
                                          v-if="isComment=='0'"
                                          :style="pingjia.evaluation!='不合格'?'color: #bcb8b8 !important;':'color: #fff !important;background: rgb(42, 140, 236)'"
                                          @click="changeEvaluation('不合格')">不合格<i
                                            style="display: inline-block;width: 100%;height: 0;"></i></span>
                                    <template v-else>
                                        <i :class="pingjia.evaluation=='不合格'?'icon_wj icon_active_radio':'icon_wj icon_radio'"
                                           v-if="pingjia.evaluation=='不合格'"></i>
                                        <span class="evaluation" v-if="pingjia.evaluation=='不合格'"
                                              :style="pingjia.evaluation!='不合格'?'color: #bcb8b8 !important;':'color: #fff !important;background: rgb(42, 140, 236)'">不合格<i
                                                style="display: inline-block;width: 100%;height: 0;"></i></span>
                                    </template>
                                </div>
                            </td>
                        </tr>
                        <!--<tr>-->
                        <!--<td class="td-title width90 td-row2" style="width:25%">评价参考</td>-->
                        <!--<td class="td-row2 " style="vertical-align: top;">-->
                        <!--<template>-->
                        <!--<div class="pingjia"-->
                        <!--v-for="item in pingjia.pingjia">-->
                        <!--{{item.value}}-->
                        <!--</div>-->
                        <!--</template>-->
                        <!--&lt;!&ndash;<template v-else>&ndash;&gt;-->
                        <!--&lt;!&ndash;<div :class="item.select!='0'?'pingjia_active':'pingjia'" v-if="item.select!='0'"&ndash;&gt;-->
                        <!--&lt;!&ndash;v-for="item in pingjia.pingjia">&ndash;&gt;-->
                        <!--&lt;!&ndash;{{item.value}}&ndash;&gt;-->
                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</template>&ndash;&gt;-->
                        <!--</td>-->
                        <!--</tr>-->
                        <tr>
                            <td class="td-title width90 td-row2" style="width:25%">评价描述</td>
                            <td class="td-row2" v-if="isComment=='0'" style="color: #2a8cec">
                                <textarea v-model="pingjia.otherDescription"></textarea>
                                <!--<div style="display:inline">-->
                                <button type="button"
                                        style="float: right;width: 40px;height: 20px;padding-left: 6px;padding-right: 6px;padding-bottom: 0px;padding-top: 0px;"
                                        class="oaBtn"
                                        @click="comment()">提交
                                </button>
                                <!--</div>-->
                            </td>
                            <td class="td-value td-row2" v-else>
                    <span style="text-align: left;padding-left: 20px;"
                          class="lineOne">{{pingjia.otherDescription}}</span>
                            </td>
                        </tr>

                    </table>
                </div>
            </td>
        </tr>
    </table>
</section>
<!--rem.js-->
<script src="/dist/js/pages/rem/rem.js"></script>

<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<script src="/dist/js/oaApp.js"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("body").on("click", ".td-value", function (e) {
            if ($(".div-td-content-more").is(":hidden")) {
                var text = $(this).text();
                if (text != "") {
                    text = "<i></i>" + text;
                    $(".div-td-content-more").html(text).css({
                        "width": $(this).outerWidth() + "px",
                        "left": $(this).offset().left,
                        "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                    }).show();
                    e.stopPropagation();
                }
            } else {
                $(".div-td-content-more").hide();
            }

        });
        $("body").on("click", ".div-td-content-more", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".div-td-content-more").hide();
        });
    });

</script>
<script type="text/javascript">
    function getUrlParamObj() {
        var args = new Object();
        var query = location.href;
        var pairs = query.split("&"); //www.cxybl.com break at ampersand
        for (var i = 0; i < pairs.length; i++) {
            var pos = pairs[i].indexOf('='); // look for "name=value"
            if (pos == -1) continue; // if not found, skip
            var argname = pairs[i].substring(0, pos); // extract the name
            var pos1 = argname.indexOf('?');
            if (pos1 > -1) {
                argname = argname.substring(pos1 + 1);
            }
            var value = pairs[i].substring(pos + 1); // extract the value
            value = decodeURIComponent(value); // decode it, if needed
            args[argname] = value; // store as a property
        }
        var ss = args.valueOf(0);
        obj = args;
        return args;
    }

    var app = new Vue({
        el: '#app',
        data: {
            trackParams: {
                userId: '',
                userName: ''
            },
            userInfo: {},
            checkMore: 'gengduo',
            commentList: [],
            userType: '1',
            pingjiaFlag: "false",
            faceTarget: '0',
            commentTitle: "",
            commentTishi: "",
            pingjia: {
                evaluation: "",
                pingjia: [],
                pingjiaList: [],
                pingjiaStrings: "",
                otherDescription: "",
                createUserId: getUrlParamObj().userId,
                createUserName: getUrlParamObj().userName,
            },
            isLook: getUrlParamObj().isLook,
            isComment: getUrlParamObj().isComment ? getUrlParamObj().isComment : '0',
            pageType: 'edit',//如果pageType=edit说明是编辑页面，如果pagetype=browser，说明是查看页面
            leaderFlag:getUrlParamObj().leaderFlag,
            cusSource: [
                {text: '销售录入', value: '销售录入'},
                {text: '易企秀', value: '易企秀'},
                {text: '400', value: '400'},
                {text: '其他', value: '其他'}
            ],
            gathering: [
                {text: '银行欠款', value: '银行欠款'},
                {text: '配件欠款', value: '配件欠款'},
                {text: '首付垫款', value: '首付垫款'},
                {text: '以租代售租金', value: '以租代售租金'},
                {text: '服务费', value: '服务费'},
                {text: '银行垫款', value: '银行垫款'},
                {text: '以租代售的定金', value: '以租代售的定金'},
                {text: '其他', value: '其他'}
            ],
            inferiorNameList: [],
            templates: [],
            currentUserTel: '',
            buyDateList: [
                {text: '一周', value: '一周'},
                {text: '本月', value: '本月'}
            ],
            buyTypeList: [
                {text: '全款', value: '全款'},
                {text: '内部分期', value: '内部分期'},
                {text: '融资', value: '融资'}
            ],
            visitModelList: [
                {text: '面访', value: '1'},
                {text: '电访', value: '0'}
            ],
            invoiceFlagList: [
                {text: '无', value: '0'},
                {text: '有', value: '1'}
            ],
            report: {
                tomorrowVisitPlan: [],
                receivers: [],
                copiers: [],
                subordinateWorkList: [],
                regionDirectorWorkList: [],
                main: {
                    id: '0',
                    title: '',
                    reportDate: this.reportDate,
                    userId: '',
                    moduleENames: "",
                    flage: '-1',
                    draft: 0
                },
                experience: {content: '', type: 1},//心得体会
                tomorrowAMPlan: {content: '', type: 6},//次日上午计划
                tomorrowPMPlan: {content: '', type: 7},//次日下午计划
                tomorrowPlan: {content: '', type: 3},//第二天计划
                personSituation: {content: '', type: 2},//人员情况
                troubleShooting: [//未处理前三个疑难故障
                    new Template.Unfinish('1'),
                    new Template.Unfinish('1'),
                    new Template.Unfinish('1')
                ],
                visitLetterReason: {content: '', type: 9},//未达到拜访量原因
                todayKnowVieSituation: {id: '', wId: '', vieFlag: '', remark: ''},//丢单原因
                forSupportMatters: [//需要公司支持的事项
                    new Template.Unfinish('2')
                ],
                workOnTodayDescs: [//当日工作情况描述
                    new Template.WorkOnTodayDesc()
                ],
                workOnTodayDescsZjlNew: {
                    saleList: [new Template.WorkOnTodayDescsZjl()],
                    serverList: [new Template.WorkOnTodayDescsZjl()],
                    financeList: [new Template.WorkOnTodayDescsZjl()],
                    diconList: [new Template.WorkOnTodayDescsZjl()],
                    bondList: [new Template.WorkOnTodayDescsZjl()],
                    personList: [new Template.WorkOnTodayDescsZjl()],
                },
                unfinishes: [//未关闭事项
                    new Template.Unfinish('3')
                ],
                todayCustomerVisit: [//当日拜访情况(面访)
                    new Template.CustomerSaler()
                ],
                todayCustomerTelVisit: [//当日拜访情况(电访)
                    new Template.CustomerSalerTel()
                ],
                todayVisitCustomer: [//当日拜访情况(拜访)
                    new Template.CustomerSalerVisit()
                ],
                todayVisitCustomerBigRegion: [//当日拜访情况(大区拜访)
                    new Template.CustomerSalerVisitRegion()
                ],
                todayCostDetail: [//当日费用明细
                    new Template.Cost()
                ],
                todayCostDetail2: [//当日费用明细
                    new Template.Cost()
                ],
                jobDescriptionForBranch: [//下属工作情况-大区经理
                    new Template.Branch()
                ],
                todayGatherSituation: [//当天收款情况
                    new Template.Gather()
                ]
            },
            receiverSelectedIdx: -1,
            copierSelectedIdx: -1
        },
        methods: {
            checkMore1: function () {
                var that = this
                if (that.checkMore == 'shouqi') {
                    that.checkMore = 'gengduo'
                } else {
                    that.checkMore = 'shouqi'
                }
            },
            getInvoiceFlagName: function (invoiceFlag) {
                var name = "";
                for (var i = 0; i < this.invoiceFlagList.length; i++) {
                    if (invoiceFlag == this.invoiceFlagList[i].value) {
                        name = this.invoiceFlagList[i].text;
                        break;
                    }
                }
                return name;
            },
            enableNavigateBack: function () {
                var that = this;
                var isEnable = true;
                if (that.report.main.title.indexOf("区域经理") != -1) {
                    if (that.userInfo.roleName == '区域总监'
                        || that.userInfo.roleName == '区域支持'
                        || that.userInfo.roleName == '销售管理'
                    ) {
                        that.userType = '0'
                    }
                }
                console.log(that.userType, that.isComment)
                if (that.userType == '0') {
                    //必须评价
                    if (that.isComment == '0' && that.report.main.title.indexOf("区域经理") != -1) {
                        isEnable = false;
                    }
                }
                var param = {
                    enableNavigateBack: isEnable,
                }
                prompt(JSON.stringify(param))
            },
            showToast: function (title) {
                var param = {
                    title: title
                }
                JSBridge.call(UI, 'showToast', param)
            },
            getreceiver: function () {
                var that = this;
                $.ajax({
                    url: server.ip + '/wreport/getreceiver.json',
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify({
                        'userId': getUrlParamObj().userId,
                        'dataId': getUrlParamObj().id
                    }),
                    success: function (r) {
                        var res = JSON.parse(r)
                        that.userType = res.data.sendData.userType
                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                }, true);
            },
            getUserInfo: function () {
                var that = this;
                $.ajax({
                    url: server.ip + '/user/getUserViewById.json',
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify({
                        'id': getUrlParamObj().userId,
                    }),
                    success: function (r) {
                        var res = JSON.parse(r)
                        that.userInfo = res.data.sendData
                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                }, true);
            },
            changeEvaluation: function (evaluation) {
                var that = this;
                if (that.pingjia.evaluation == evaluation) {
                    that.pingjia.pingjiaList = [];
                    that.pingjia.pingjia = [];
                    that.pingjia.pingjiaStrings = "";
                    that.pingjia.evaluation = ""
                } else {
                    that.pingjia.evaluation = evaluation
                    that.pingjia.pingjiaList = [];
                    that.pingjia.pingjiaStrings = "";
                    if (that.pingjia.evaluation == "合格") {
                        //查询合格的enum
                        that.getGrade("pingjia")
                    }
                    if (that.pingjia.evaluation == "不合格") {
                        that.getGrade("pingjia1")
                    }
                }

            },
            getGrade: function (type) {
                var that = this;
                $.ajax({
                    url: server.ip + '/enum2/selectByModuleType.json',
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify({moduleType: type}),
                    success: function (r) {
                        var res = JSON.parse(r)
                        for (var i = 0; i < res.data.sendData.length; i++) {
                            res.data.sendData[i].select = "0"
                        }
                        that.pingjia.pingjia = res.data.sendData
                        for (var i = 0; i < that.pingjia.pingjia.length; i++) {
                            if (that.pingjia.pingjiaStrings.indexOf(that.pingjia.pingjia[i].value) != -1) {
                                that.pingjia.pingjia[i].select = "1";
                            } else {
                                that.pingjia.pingjia[i].select = "0"
                            }
                        }
                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                }, true);
            },
            changeBuyDate: function (buyDate) {
                var a = '';
                switch (buyDate) {
                    case 'todayMonth':
                        a = '本月内'
                        break
                    case 'nextMonth':
                        a = '下月内'
                        break
                    case 'threeMonth':
                        a = '三月内'
                        break
                    case 'halfYear':
                        a = '半年内'
                        break
                }
                return a;
            },
            comment: function () {
                var that = this;
                var data = {};
                data.dataId = that.report.main.id;
                data.createUserId = getUrlParamObj().userId;
                data.createUserName = getUrlParamObj().userName;
                data.evaluation = that.pingjia.pingjiaStrings;
                data.otherDescription = that.pingjia.otherDescription;
                data.grade = that.pingjia.evaluation;
                data.wreportUserId = that.report.main.userId;
                data.reportDate = that.report.main.reportDate;
                if (!data.grade) {
                    alert("请评价报告是否合格")
                    return;
                }
                if (!data.otherDescription) {
                    alert("请填写评论描述")
                    return;
                }
                var obj = {
                    dialog: 'show'
                }
                prompt(JSON.stringify(obj))
                $.ajax({
                    url: server.ip + '/wreport/savePingjia.json',
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify(data),
                    success: function (r) {
                        var res = JSON.parse(r)
                        var data = res.data.sendData;
                        var obj = {
                            dialog: 'hidden'
                        }
                        prompt(JSON.stringify(obj))
                        window.location.reload();
                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                });
            },
            checkedPingjia: function (item, value) {
                console.log(item)
                if (item.select == "0") {
                    item.select = "1"
                } else {
                    item.select = "0"
                }
                var idIndex = this.pingjia.pingjiaList.indexOf(value)
                if (idIndex >= 0) {
                    this.pingjia.pingjiaList.splice(idIndex, 1)
                } else {
                    this.pingjia.pingjiaList.push(value)
                }
                var pingjiaString = "";
                if (this.pingjia.pingjiaList.length > 0) {
                    for (var i = 0; i < this.pingjia.pingjiaList.length; i++) {
                        if (this.pingjia.pingjiaList[i] != "") {
                            pingjiaString += this.pingjia.pingjiaList[i] + "|";
                        }
                    }
                    this.pingjia.pingjiaStrings = pingjiaString.substring(0, pingjiaString.length - 1);
                } else {
                    this.pingjia.pingjiaStrings = ""
                }
                console.log(this.pingjia.pingjiaStrings)

            },
            gotoDetail: function (item) {
                var data = {
                    id: item.id,
                    type: item.costSmallName,
                    clickType: "cost"
                }
                prompt(JSON.stringify(data))
            },
            isHasModule: function (moduleEName) {
                var arrModuleENames = this.report.main.moduleENames.split(',');
                return $.inArray(moduleEName, arrModuleENames) > -1;
            },
            spliceString: function (evaluation, otherDescription) {
                if (evaluation.indexOf("|") != -1) {
                    return evaluation.replace(/\|/gi, ";") + ";" + otherDescription
                } else {
                    if (evaluation && evaluation != "") {
                        return evaluation + ";" + otherDescription
                    } else {
                        return otherDescription
                    }
                }
            },
            //人员轨迹
            track: function () {
                var that = this;
                var obj = {
                    type: 'baiduTrack',
                    name: that.trackParams.userName,
                    id: that.trackParams.userId,
                    date: that.report.main.reportDate
                }
                prompt(JSON.stringify(obj));
            },

        },

        mounted: function () {
            //判断有没有传过来的id
            //判断页面状态
            var that = this;

            var obj = {
                dialog: 'show'
            }
            prompt(JSON.stringify(obj))
            that.getUserInfo();
            $.ajax({
                url: server.ip + '/wreport/getTarget.json',
                contentType: 'application/json;charset=utf-8',
                type: "POST",
                data: JSON.stringify({userId: getCurrentUser().id}),
                success: function (r) {
                    var res = JSON.parse(r)
                    that.faceTarget = res.data.sendData.result
                },
                error: function (e) {
                    alert(e.responseText)
                }
            });
            $.ajax({
                url: server.ip + '/enum2/selectByModuleType.json',
                contentType: 'application/json;charset=utf-8',
                type: "POST",
                data: JSON.stringify({moduleType: 'serviceType'}),
                success: function (r) {
                    var res = JSON.parse(r)
                    that.serverVisitType = res.data.sendData;
                },
                error: function (e) {
                    alert(e.responseText)
                }
            });
            if (that.pingjia.evaluation == "合格") {
                //查询合格的enum
                that.getGrade("pingjia")
            }
            if (that.pingjia.evaluation == "不合格") {
                that.getGrade("pingjia1")
            }
            $.ajax({
                url: server.ip + '/enum2/selectByModuleType.json',
                contentType: 'application/json;charset=utf-8',
                type: "POST",
                data: JSON.stringify({moduleType: 'serverCustomerType'}),
                success: function (r) {
                    var res = JSON.parse(r)
                    that.serverCustomerType = res.data.sendData;
                },
                error: function (e) {
                    alert(e.responseText)
                }
            });

            $.ajax({
                url: server.ip + '/enum2/selectByModuleType.json',
                contentType: 'application/json;charset=utf-8',
                type: "POST",
                data: JSON.stringify({moduleType: 'lettersType'}),
                success: function (r) {
                    var res = JSON.parse(r)
                    that.lettersVisitType = res.data.sendData;
                },
                error: function (e) {
                    alert(e.responseText)
                }
            });

            $.ajax({
                url: server.ip + '/enum2/selectByModuleType.json',
                contentType: 'application/json;charset=utf-8',
                type: "POST",
                data: JSON.stringify({moduleType: 'debtType'}),
                success: function (r) {
                    var res = JSON.parse(r)
                    that.debtVisitType = res.data.sendData;
                },
                error: function (e) {
                    alert(e.responseText)
                }
            });
            if (getUrlParamObj().id) {
                var data = {
                    id: getUrlParamObj().id,
                }
                //获得是否是第一次打开阅读工作报告数据
                var dataCount = {
                    wid: getUrlParamObj().id,
                    userId: getUrlParamObj().userId
                }
                //插入记录第一次打开和关闭工作报告添加的数据
                var timedata ={
                    dataId:getUrlParamObj().id,
                    createUserId:getUrlParamObj().userId
                }
                $.ajax({
                    url: server.ip + urlConfig.wreport.wreport.getById,
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify(data),
                    success: function (r) {
                        that.pingjiaFlag = 'true'
                        var obj = {
                            dialog: 'hidden'
                        }
                        prompt(JSON.stringify(obj))
                        var res = JSON.parse(r)
                        for (var i = 0; i < res.data.sendData.todayVisitCustomer.length; i++) {
                            if (res.data.sendData.todayVisitCustomer[i].serverCustomerType) {
                                res.data.sendData.todayVisitCustomer[i].checkedServerCustomerLists = res.data.sendData.todayVisitCustomer[i].serverCustomerType.split(",");
                            } else {
                                res.data.sendData.todayVisitCustomer[i].checkedServerCustomerLists = [];
                            }
                        }
                        that.report.subordinateWorkList = res.data.sendData.subordinateWorkList;
                        that.report.regionDirectorWorkList = res.data.sendData.regionDirectorWorkList;

                        that.report = reportCountFixed(res.data.sendData);
                        //评价列表

                        $.ajax({
                            url: server.ip + '/wreport/getPingjiaList.json',
                            contentType: 'application/json;charset=utf-8',
                            type: "POST",
                            data: JSON.stringify({
                                'reportDate': that.report.main.reportDate,
                                'sendUserId': that.report.main.userId,
                            }),
                            success: function (r) {
                                var res = JSON.parse(r)
                                var data = res.data.sendData;
                                that.commentList = data.yesTodayList
                                that.commentTitle = "评价列表"
                                if (data.yesToday) {
                                    that.commentTishi = data.yesToday
                                }
                            },
                            error: function (e) {
                                alert(e.responseText)
                            }
                        });
                        //获取评价
                        $.ajax({
                            url: server.ip + '/wreport/getPingjia.json',
                            contentType: 'application/json;charset=utf-8',
                            type: "POST",
                            data: JSON.stringify({
                                'createUserId': getUrlParamObj().userId,
                                'dataId': getUrlParamObj().id
                            }),
                            success: function (r) {
                                var res = JSON.parse(r)
                                var data = res.data.sendData.pingjia;
                                if (res.data.sendData.pingjia && res.data.sendData.pingjia.grade != "") {
                                    that.isComment = "1"
                                }
                                if (data) {
                                    if (data.evaluation != "") {
                                        that.pingjia.pingjiaList = data.evaluation.split("|");
                                    } else {
                                        that.pingjia.pingjiaList = []
                                    }
                                    that.pingjia.pingjiaStrings = data.evaluation
                                    that.pingjia.otherDescription = data.otherDescription
                                    that.pingjia.evaluation = data.grade
                                    if (data.grade == '合格') {
                                        that.getGrade("pingjia")
                                    }
                                    if (that.pingjia.evaluation == "不合格") {
                                        that.getGrade("pingjia1")
                                    }

                                }
                                that.enableNavigateBack();
                            },
                            error: function (e) {
                                alert(e.responseText)
                            }
                        });
                        that.getreceiver();
                        $.ajax({
                            url: server.ip + urlConfig.system.user.getUserViewById,
                            contentType: 'application/json;charset=utf-8',
                            type: "POST",
                            data: JSON.stringify({id: that.report.main.userId}),
                            success: function (r) {
                                var res = JSON.parse(r)
                                that.trackParams.userId = res.data.sendData.id;
                                that.trackParams.userName = res.data.sendData.name;
                                console.log(that.trackParams.userId)
                                console.log(that.trackParams.userName)
                            },
                            error: function (e) {
                                alert(e.responseText)
                            }
                        });

                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                });
                //获得收件人和抄送人第一次阅读工作报告打开和关闭时间
                if(getUrlParamObj().isLook){
                    $.ajax({
                        url:server.ip + '/module/getWhetherFirstReading.json',
                        contentType: 'application/json;charset=utf-8',
                        type: "POST",
                        data: JSON.stringify(dataCount),
                        success:function (r) {
                            var res = JSON.parse(r)
                            if(!res.data.sendData){
                                $.ajax({
                                    url:server.ip + '/module/saveReordTime.json',
                                    contentType: 'application/json;charset=utf-8',
                                    type: "POST",
                                    data:JSON.stringify(timedata),
                                    success:function (r) {
                                    },
                                    error: function (e) {
                                        alert(e.responseText)
                                    }
                                })
                            }
                         },
                        error: function (e) {
                            alert(e.responseText)
                        }
                    });
                }
            }
        }
    });

    //修正工作报告各个模块的默认行数
    function reportCountFixed(report) {

        for (var i = report.tomorrowVisitPlan.length; i < 1; i++) {
            report.tomorrowVisitPlan.push(new Template.TomorrowVisitPlan());
        }
        for (var i = report.troubleShooting.length; i < 3; i++) {
            report.troubleShooting.push(new Template.Unfinish('1'));
        }

        for (var i = report.forSupportMatters.length; i < 2; i++) {
            report.forSupportMatters.push(new Template.Unfinish('2'));
        }
        for (var i = report.todayCustomerVisit.length; i < 1; i++) {
            report.todayCustomerVisit.push(new Template.CustomerSaler());
        }
        for (var i = report.todayCustomerTelVisit.length; i < 1; i++) {
            report.todayCustomerTelVisit.push(new Template.CustomerSalerTel());
        }
        for (var i = report.workOnTodayDescs.length; i < 1; i++) {
            report.workOnTodayDescs.push(new Template.WorkOnTodayDesc());
        }
        // for (var i = report.workOnTodayDescsZjl.length; i < 1; i++) {
        //     report.workOnTodayDescsZjl.push(new Template.WorkOnTodayDescsZjl());
        // }

        for (var i = report.workOnTodayDescsZjlNew.saleList.length; i < 3; i++) {
            report.workOnTodayDescsZjlNew.saleList.push(new Template.WorkOnTodayDescsZjl());
        }
        for (var i = report.workOnTodayDescsZjlNew.serverList.length; i < 1; i++) {
            report.workOnTodayDescsZjlNew.serverList.push(new Template.WorkOnTodayDescsZjl());
        }
        for (var i = report.workOnTodayDescsZjlNew.financeList.length; i < 1; i++) {
            report.workOnTodayDescsZjlNew.financeList.push(new Template.WorkOnTodayDescsZjl());
        }
        for (var i = report.workOnTodayDescsZjlNew.diconList.length; i < 1; i++) {
            report.workOnTodayDescsZjlNew.diconList.push(new Template.WorkOnTodayDescsZjl());
        }
        for (var i = report.workOnTodayDescsZjlNew.bondList.length; i < 1; i++) {
            report.workOnTodayDescsZjlNew.bondList.push(new Template.WorkOnTodayDescsZjl());
        }
        for (var i = report.workOnTodayDescsZjlNew.personList.length; i < 1; i++) {
            report.workOnTodayDescsZjlNew.personList.push(new Template.WorkOnTodayDescsZjl());
        }

        for (var i = report.unfinishes.length; i < 1; i++) {
            report.unfinishes.push(new Template.Unfinish('3'));
        }
        for (var i = report.todayCostDetail2.length; i < 1; i++) {
            report.todayCostDetail2.push(new Template.Cost());
        }
        for (var i = report.jobDescriptionForBranch.length; i < 5; i++) {
            report.jobDescriptionForBranch.push(new Template.Branch());
        }
        for (var i = report.todayGatherSituation.length; i < 1; i++) {
            report.todayGatherSituation.push(new Template.Gather());
        }
        if (report.todayVisitCustomer == null || report.todayVisitCustomer.length == 0) {
            for (var i = report.todayVisitCustomer.length; i < 1; i++) {
                report.todayVisitCustomer.push(new Template.CustomerSalerVisit());
            }
        }
        // if (report.todayVisitCustomerBigRegion == null || report.todayVisitCustomerBigRegion.length == 0) {
        //     for (var i = report.todayVisitCustomerBigRegion.length; i <1; i++) {
        //         report.todayVisitCustomerBigRegion.push(new Template.CustomerSalerVisitRegion());
        //     }
        // }
        return report;
    }
</script>
<script>
    //禁用返回键后,点击app返回键回调
    function onBackPressed(enableNavigateBack) {
        if (enableNavigateBack){
            //获得是否是第一次打开阅读工作报告数据
            var dataCount = {
                wid: getUrlParamObj().id,
                userId: getUrlParamObj().userId
            }
            if(getUrlParamObj().isLook) {
                $.ajax({
                    url: server.ip + '/module/getWhetherFirstReading.json',
                    contentType: 'application/json;charset=utf-8',
                    type: "POST",
                    data: JSON.stringify(dataCount),
                    success: function (r) {
                        var res = JSON.parse(r)
                        if (res.data.sendData && res.data.sendData.id && !res.data.sendData.closeTime) {
                            var wrtTimeEntity = {
                                id: res.data.sendData.id,
                                dataId: res.data.sendData.dataId,
                                createUserId: res.data.sendData.createUserId,
                            }
                            $.ajax({
                                url: server.ip + '/module/saveReordTime.json',
                                contentType: 'application/json;charset=utf-8',
                                type: "POST",
                                data: JSON.stringify(wrtTimeEntity),
                                success: function (r) {
                                },
                                error: function (e) {
                                    alert(e.responseText)
                                }
                            })
                        }
                    },
                    error: function (e) {
                        alert(e.responseText)
                    }
                });
            }
        }else{
            var obj = {
                type: "toast",
                msg: "请评价该工作报告"
            }
            prompt(JSON.stringify(obj))
        }
    }
</script>
</body>
</html>